
<style>

    .m-table {
        background-color: rgb(255, 255, 255);
        width: 100%;
        box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    }

    .layui-table-view .layui-table[lay-size=sm] .layui-table-cell {
        height: 34px !important;
        line-height: 25px !important;
    }

    #mTable_choose {
        margin: 0 !important;
    }

    .layui-form-item {
        margin-bottom: 15px !important;
        clear: both;
        *zoom: 1;
    }

    .layui-table table tr:hover, .layui-table-hover {
        background-color: #FFF9E6 !important;
    }

</style>
<script>
    layui.use(['form', 'table', 'form'], function () {
        table = layui.table;
        mTable_wrap_choose = $('#mTable_wrap_choose_search');
        form = layui.form;
        $("#choose_search").bind('input propertychange', function (e) {
            var value = e.delegateTarget.value;
            table.render({
                elem: '#mTable_choose_search'
                , id: 'mTable_choose_search'
                , url: '{:url("getUserList")}?val=' + value + '&ids='+$("#ids").val()
                , cols: [[
                    {field: 'id', title: 'ID'}
                    , {field: 'nickname', title: '昵称'}
                    , {field: 'code', title: '编号'}
                    , {field: 'mobile', title: '手机号'}
                    , {field: 'level_title', title: '身份'}
                ]]
                , page: true
                , cellMinWidth: 80
                , autoSort: false
                , limit: 15
                , limits: [10, 15, 20, 30, 40, 60, 80, 100]
                , size: 'sm'
            });
        });

        //触发行单击事件
        table.on('row(mTable_choose_search)', function (obj) {
            if (!obj.data.id) return false;
            $("#choose_search_id").val(obj.data.id);
            $("#choose_search").val(obj.data.nickname + ' - ' + obj.data.code + ' - ' + obj.data.mobile);
        });
    });
</script>